<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="css/vader/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui.js"></script>
<script language="javascript">
$(function(){
	$("#clienteOProveedor").buttonset();
	
	$("#formCliente").tabs();
	$("#formProveedor").tabs();	

	
	$.datepicker.setDefaults($.datepicker.regional['es']);
	$("#inputClienteChequeFechaRecibido").datepicker({ minDate: '-29d', maxDate: '0d'});
	$("#inputClienteFechaADepositar").datepicker({ minDate: '0d' });	
	
	$("#inputProveedorChequePropioEmision").datepicker({  maxDate: '0d' });	
	$("#inputProveedorChequeFechaDeposito").datepicker({ minDate: '0d' });	
	
	$("#inputProveedorTransferenciaFecha").datepicker();	
	
	//$('#inputProveedorFecha').datepicker();	
	$('#inputClienteFecha').datepicker();	
	$('#inputProveedorChequeCarteraFecha').datepicker();		
	
	
	//$("#inputClienteFechaEntregado").datepicker();		
	
	
	//eventos
	$('#botonClientes').click(function(){
			CajaView.switchTipo('clientes');
	}); 
	
	$('#botonProveedores').click(function(){
			CajaView.switchTipo('proveedores');
	});	
	
	//inicializar
	CajaView.inicializar();
	
	//llenar los combos
	CajaSession.fillCombos();

	
});

String.prototype.capitalize = function(){
   return this.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );
  };
  
var CajaView = {
	tipo: 'clientes',
	
	pasos: [ 'primero' , 'segundoCliente', 'segundoProveedor' ],
	
	objetosCliente: [ 'listaClientes' ],
	
	objetosProveedor: [ 'listaProveedores' ],
	
	inicializar: function(){
		this.ocultar([ 'listaImportaciones' ]);
		this.switchTipo('');
		this.paso('primero');	
		this.blanquearForms();
		$('#nombreMovimientos').text('');
		CajaSession.ultimosMovimientos(0);
		CajaSession.cargaChequesEnCartera();
	},

	inicializarSinVolver: function(){
		var id = document.getElementById('idCliente').value;
		var tipo = 'Cliente';

		if(id == ''){
			id = document.getElementById('idProveedor').value;
			tipo = 'Proveedor';
		}
		id == '' ? id = 0 : id;
		
		this.blanquearForms();
		document.getElementById('id' + tipo).value = id;
		CajaSession.ultimosMovimientos(id);
		CajaSession.cargaChequesEnCartera();
	},


	blanquearForms : function(){
		try {
			var objs = $('input');
			for(var i = 0; i < objs.length; i++){
				var tmp = objs[i];
				tmp.value = '';
			}
			
			var objs = $('textarea');
			for(var i = 0; i < objs.length; i++){
				var tmp = objs[i];
				tmp.value = '';
			}

			var objs = $('select');
			for(var i = 0; i < objs.length; i++){
				var tmp = objs[i];
				tmp.selectedIndex = 0;
			}
		} catch(e){
			CajaSession.handleError('blanquearForms', e);
		}		
	},
	
	switchTipo : function(tipo){
		this.ocultar(this.objetosCliente);
		this.ocultar(this.objetosProveedor);
		switch(tipo){
			case 'clientes':
				this.mostrar(this.objetosCliente);					
				break;
			case 'proveedores':
				this.mostrar(this.objetosProveedor);
				break;
		}
	},
	
	paso : function(str){
		this.ocultar(this.pasos);
		this.mostrar([ str ]);
		if(str != 'primero'){
			this.mostrar(['listaImportaciones']);
		}
	},
	
	ocultar : function(objs){
		this.toggle(objs,'hide');
	},
	
	mostrar : function(objs){
		this.toggle(objs, 'show');
	},
	
	toggle : function(objs, action){
		for(var i = 0; i < objs.length; i++){
			action == 'show' ? $('#' + objs[i]).show('fast') : $('#' + objs[i]).hide(0);
		}		
	},
	
	cargar : function(obj, tipo, id){
		tipo = tipo.capitalize();

		this.paso('segundo' + tipo);
		
		document.getElementById('id' + tipo).value = id;
		
		CajaSession.getImportaciones(id);
		
		CajaSession.ultimosMovimientos(id);
		
		$('#nombre' + tipo).text(obj.innerHTML);
		$('#nombreMovimientos').text(' de ' + obj.innerHTML);
		
	},
	
	cargaCombo : function(obj, resultado, status){
		try {
			for(var i = 0; i < resultado.valores.length; i++){
				var tmp = new Option(resultado.valores[i].description,resultado.valores[i].id);
				obj.options[i] = tmp;
			}
		} catch(e){
			CajaSession.handleError('cargaCombo ' + obj.attr('id'), e);
		}		
	},
	
	listadoDeClientes : function(resultado, status){
		try {
			var html = '<table width="100%" border="0" id="listaClientesTable">'
						+ ' <tr class="ui-state-default">'
						+ '<td>Nombre</td>'
						+ '<td>Tipo</td>'
						+ '</tr>';
                                      
			for(var i = 0; i < resultado.valores.length; i++){
				var description = resultado.valores[i].description
				var id = resultado.valores[i].id;
				html += '<tr>'
					 + '<td><a href="javascript:void(0);" onclick="CajaView.cargar(this, \'cliente\',' + id + ');">' + description + ' (' + id + ') </a></td>'
                     + '<td>Cliente</td>'
                	 + '</tr>';
			}
			html += '</table>';
			
			$('#listaClientesContent').append(html);
		} catch(e){
			CajaSession.handleError('listadoDeClientes ' + obj.attr('id'), e);
		}		
	},
	
	listadoDeImportaciones : function(resultado, status){
		try {
			$('#listaImportacionesContent').empty();
			var html = '<table width="100%" border="0" id="listaImportacionesTable">'
						+ ' <tr class="ui-state-default">'
						+ '<td>Semana</td>'
						+ '<td>Articulo</td>'
						+ '<td>Importacion</td>'
						+ '<td>Cantidad</td>'
						+ '<td>Total</td>'	
						+ '<td></td>'	
						+ '</tr>';
                                      
			for(var i = 0; i < resultado.movimientos.length; i++){
				var semana = resultado.movimientos[i].nroSemana;
				var articulo = resultado.movimientos[i].idArticulo;
				var cantidad = resultado.movimientos[i].cantidad;
				var total = resultado.movimientos[i].total;				
				var id = resultado.movimientos[i].id;
				html += '<tr>'
					 + '<td>' + semana + '</td>'
					 + '<td>' + articulo + '</td>'
					 + '<td>' + id + '</td>'
					 + '<td>' + cantidad + '</td>'
					 + '<td>' + total + '</td>'					 
					 + '<td><input type="radio" name="importacion" id="importacion-' + articulo + '" value="' + articulo + '"></td>'					 					 
                	 + '</tr>';
			}
			html += '</table>';
			
			$('#listaImportacionesContent').append(html);
		} catch(e){
			CajaSession.handleError('listadoDeImportaciones ', e);
		}		
	},	
	
	listadoDeProveedores : function(resultado, status){
		try {
			var html = '<table width="100%" border="0" id="listaProveedoresTable">'
						+ ' <tr class="ui-state-default">'
						+ '<td>Nombre</td>'
						+ '<td>Tipo</td>'
						+ '</tr>';
                                      
			for(var i = 0; i < resultado.valores.length; i++){
				var description = resultado.valores[i].description
				var id = resultado.valores[i].id;
				html += '<tr>'
					 + '<td><a href="javascript:void(0);" onclick="CajaView.cargar(this, \'proveedor\',' + id + ');">' + description + ' (' + id + ') </a></td>'
                     + '<td>Proveedor</td>'
                	 + '</tr>';
				
			}
			html += '</table>';
			
			$('#listaProveedoresContent').append(html);
		} catch(e){
			CajaSession.handleError('listadoDeProveedores ', e);
		}		
	}	,
	
	listadoDeMovimientos : function(resultado, status){
		try {
			$('#listadoMovimientosContent').empty();
			var html = ' <table width="100%" border="0" cellspacing="2" cellpadding="2">'
					 + ' <tr class="ui-state-default"> '
					 + '   <td>Fecha</td> '
					 + '   <td>Nombre</td> ' 
					 + '   <td>Tipo</td> '
					 + '  <td>Monto</td> '
					 + '   <td>&nbsp;</td> '
					 + ' </tr>';
                                      
			for(var i = 0; i < resultado.movimientos.length; i++){
				var mov = resultado.movimientos[i];
				var importe = 0;
				switch(mov['tipo']){
					case 'CHEQUE':
						try { importe = mov['Movimientocheque'][0]['importe'] } catch(e){}
						break;
					case 'EFECTIVO':
						try { importe = '$' + mov['Movimientoefectivo'][0]['efectivo'] + ' u$s' + mov['Movimientoefectivo'][0]['dolares'] } catch(e){}
						break;
					case 'TRANSFERENCIA':
						try { importe = mov['Movimientotransferencia'][0]['importe'] } catch(e){}
						break;
					case 'CHEQUEPROPIO':
						try { importe = mov['Movimientochequepropio'][0]['importe'] } catch(e){}
						break;
					case 'CHEQUECARTERA':
						try { 
							for(var i=0; i < mov['Movimientochequecartera'].length; i++){

								importe += parseFloat(mov['Movimientochequecartera'][i]['Movimientocheque']['importe']); 
							}
						} catch(e){}
						break;						
				}
				
				html += ' <tr> '
                		+ '  <td>' + mov['fInsert'] + '</td> '
                		+ '  <td>' + mov['Mproveedor']['Nombre'] + '</td>'
                		+ '  <td>' + mov['tipo'] + '</td>'
                		+ '  <td>' + importe + '</td>'
                		+ '  <td><a href="javascript:void(0);CajaSession.borrarMovimiento(' + mov['id'] + ')">Borrar</a></td>'
                		+ ' </tr>';
				
			}
			html += '</table>';
			$('#listadoMovimientosContent').append(html);
		} catch(e){
			CajaSession.handleError('listadoDeMovimientos ', e);
		}		
	},
	
	listadoDeChequesEnCartera : function(resultado, status){
		try {
			$('#listaChequesEnCarteraContent').empty();
			var html = ' <table width="100%" border="0" cellspacing="2" cellpadding="2">'
					 + ' <tr class="ui-state-default"> '
					 + '   <td>Deposito</td> '
					 + '   <td>Banco</td> ' 
					 + '  <td>Monto</td> '
					 + '   <td>Seleccionar</td> '
					 + ' </tr>';
                                      
			for(var j = 0; j < resultado.movimientos.length; j++){
				var mov = resultado.movimientos[j];
				var importe = 0;
				html += ' <tr> '
                		+ '  <td>' + mov['fechaDepositar'] + '</td> '
                		+ '  <td>' + mov['Mbanco']['descripcion'] + '</td>'
                		+ '  <td>' + mov['importe'] + '</td>'
                		+ '  <td><input type="checkbox" name="chequesCartera[]" value="' + mov['id'] + '"/></td>'
                		+ ' </tr>';
				
			}
			html += '</table>';
			$('#listaChequesEnCarteraContent').append(html);
		} catch(e){
			CajaSession.handleError('listadoDeChequesEnCartera ', e);
		}		
	}
	
	
};

var CajaSession = {
	borrarMovimiento : function(id){
		try {
			var conf = confirm('Seguro que desea borrar el movimiento de caja seleccionado?');
			if(conf){
				var value = { "id" : id };
				
				jQuery.ajax({
					url: '../ws/borrarMovimiento.json.php',
					dataType: 'json',
					type: 'POST',
					data: value,
					success: function(resultado,statuss){
						if(!resultado.result.status){
							alert('Ha ocurrido un error al borrar el movimiento: \n\n' + resultado.result.description);
						} else {
							alert('Movimiento eliminado correctamente.');
							CajaView.inicializar();
						}
					},
					error: function(a,e){
							alert('asdfasdf' + e.message + a);
						}
				});				
			}
		} catch (e){
			this.handleError('borrarMovimiento', e);
		}
	},
		
	fillCombos : function(){
		try {
			//combo de tipos de moneda
			jQuery.ajax({
				url: '../ws/ComboTipoMoneda.json.php',
				dataType: 'json',
				type: 'GET',
				success: function(resultado,status){
					//CajaView.cargaCombo($('#inputClienteMoneda').get(0), resultado,status);
					CajaView.cargaCombo($('#inputProveedorTransferenciaTipoDeMoneda').get(0), resultado,status);					
					
				},
				error: function(a,e){
						alert(e.message);
					}
			});
			
			//combo de clientes
			jQuery.ajax({
				url: '../ws/Clientes.json.php',
				dataType: 'json',
				type: 'GET',
				success: function(resultado,status){
					//CajaView.cargaCombo($('#inputClienteChequeDe').get(0), resultado,status)
				},
				error: function(a,e){
						alert(e.message);
					}
			});	
			
			//combo de bancos
			jQuery.ajax({
				url: '../ws/ComboBancos.json.php',
				dataType: 'json',
				type: 'GET',
				success: function(resultado,status){
					CajaView.cargaCombo($('#inputClienteBanco').get(0), resultado,status);
					CajaView.cargaCombo($('#inputProveedorTransferenciaBanco').get(0), resultado,status);					
					CajaView.cargaCombo($('#inputProveedorChequeBanco').get(0), resultado,status);										
					
				},
				error: function(a,e){
						alert(e.message);
					}
			});				
			
			//seleccion de clientes
			jQuery.ajax({
				url: '../ws/Clientes.json.php',
				dataType: 'json',
				type: 'GET',
				success: function(resultado,status){
					CajaView.listadoDeClientes(resultado,status)
				},
				error: function(a,e){
						alert(e.message);
					}
			});	
			
			//seleccion de proveedores
			jQuery.ajax({
				url: '../ws/Proveedores.json.php',
				dataType: 'json',
				type: 'GET',
				success: function(resultado,status){
					CajaView.listadoDeProveedores(resultado,status)
				},
				error: function(a,e){
						alert(e.message);
					}
			});				
			
			this.cargaChequesEnCartera();
			
		} catch (e){
			this.handleError('fillCombos', e);
		}		
	},
	
	cargaChequesEnCartera : function(){
		try {
			jQuery.ajax({
				url: '../ws/getChequesEnCartera.json.php',
				dataType: 'json',
				type: 'GET',
				success: function(resultado,statuss){
					if(resultado.result.status){
						CajaView.listadoDeChequesEnCartera(resultado, status);
					}
				},
				error: function(a,e){
						alert('cargaChequesEnCartera ' + e.message + a);
					}
			});
			
		} catch (e){
			this.handleError('cargaChequesEnCartera', e);
		}		
	},
	
	grabarMovimientoClienteEfectivo : function(){
		try {
			CajaSession.genericValidation();
			
			var value = {
							'idCliente' : $('#idCliente').val(),
							'dolares' : $('#inputClienteDolares').val(),
							'tipoDeCambio' : $('#inputClienteTipoDeCambio').val(),
							'fecha' : $('#inputClienteFecha').val(),														
							'efectivo' : $('#inputClienteEfectivo').val(),
							'articulo': $("input[name='importacion']:checked").val(),
							'fechaFija': $('#inputClienteFecha').val()	
			}
			
			//combo de tipos de moneda
			jQuery.ajax({
				url: '../ws/grabarMovimientoClienteEfectivo.json.php',
				dataType: 'json',
				type: 'POST',
				data: value,
				success: function(resultado,statuss){
					if(!resultado.result.status){
						alert('Ha ocurrido un error al grabar el registro: \n\n' + resultado.result.description);
					} else {
						alert('Movimiento grabado correctamente.');
						CajaView.inicializarSinVolver();
					}
				},
				error: function(a,e){
						alert('grabarMovimientoClienteEfectivo ' + e.message + a);
					}
			});
			
		} catch (e){
			this.handleError('grabarMovimientoClienteEfectivo', e);
		}
	},	
	
	grabarMovimientoProveedorEfectivo : function(){
		try {
			CajaSession.genericValidation();
			var value = {
							'idCliente' : $('#idProveedor').val(),
							'dolares' : $('#inputProveedorDolares').val(),
							'tipoDeCambio' : $('#inputProveedorTipoDeCambio').val(),
							'fecha' : $('#inputProveedorFecha').val(),							
							'efectivo' : $('#inputProveedorEfectivo').val(),
							'articulo': $("input[name='importacion']:checked").val(),
							'fechaFija': $('#inputClienteFecha').val()	
			}

			jQuery.ajax({
				url: '../ws/grabarMovimientoClienteEfectivo.json.php',
				dataType: 'json',
				type: 'POST',
				data: value,
				success: function(resultado,statuss){
					if(!resultado.result.status){
						alert('Ha ocurrido un error al grabar el registro: \n\n' + resultado.result.description);
					} else {
						alert('Movimiento grabado correctamente.');
						CajaView.inicializarSinVolver();
					}
				},
				error: function(a,e){
						alert('grabarMovimientoClienteEfectivo ' + e.message + a);
					}
			});
			
		} catch (e){
			this.handleError('grabarMovimientoClienteEfectivo', e);
		}
	},	
	
	grabarMovimientoClienteCheque : function(){
		try {
			CajaSession.genericValidation();
			var value = {
							'idCliente': $('#idCliente').val(),
							'fechaRecibido': $('#inputClienteChequeFechaRecibido').val(),
							'idRecibidoDe': $('#idCliente').val(),
							'numeroDeCheque': $('#inputClienteNumeroDeCheque').val(),
							'importe': $('#inputClienteChequeImporte').val(),
							'fechaADepositar': $('#inputClienteFechaADepositar').val(),
							'idBanco': $('#inputClienteBanco').val(),
							'observaciones': $('#inputClienteObservaciones').val(),
							'articulo': $("input[name='importacion']:checked").val(),
							'fechaFija': $('#inputClienteFecha').val()	
			}
			
			jQuery.ajax({
				url: '../ws/grabarMovimientoClienteCheque.json.php',
				dataType: 'json',
				type: 'POST',
				data: value,
				success: function(resultado,statuss){
					if(!resultado.result.status){
						alert('Ha ocurrido un error al grabar el registro: \n\n' + resultado.result.description);
					} else {
						alert('Movimiento grabado correctamente.');
						CajaView.inicializarSinVolver();
					}
				},
				error: function(a,e){
						alert('grabarMovimientoClienteEfectivo ' + e.message + a);
					}
			});
			
		} catch (e){
			this.handleError('grabarMovimientoClienteEfectivo', e);
		}
	},
	
	grabarMovimientoProveedorChequePropio : function(){
		try {
			CajaSession.genericValidation();
			var value = {
							'idCliente' : $('#idProveedor').val(),
							'emision' : $('#inputProveedorChequePropioEmision').val(),
							'importe' : $('#inputProveedorChequeImporte').val(),
							'fechaDeposito' : $('#inputProveedorChequeFechaDeposito').val(),
							'banco' : $('#inputProveedorChequeBanco').val(),
							'observaciones' : $('#inputProveedorChequeObservaciones').val()	,
							'articulo': $("input[name='importacion']:checked").val(),
							'fechaFija': $('#inputClienteFecha').val()											
			}
			
			//combo de tipos de moneda
			jQuery.ajax({
				url: '../ws/grabarMovimientoProveedorChequePropio.json.php',
				dataType: 'json',
				type: 'POST',
				data: value,
				success: function(resultado,statuss){
					if(!resultado.result.status){
						alert('Ha ocurrido un error al grabar el registro: \n\n' + resultado.result.description);
					} else {
						alert('Movimiento grabado correctamente.');
						CajaView.inicializarSinVolver();
					}
				},
				error: function(a,e){
						alert('grabarMovimientoProveedorChequePropio ' + e.message + a);
					}
			});
			
		} catch (e){
			this.handleError('grabarMovimientoProveedorChequePropio', e);
		}
	},	
	
	grabarMovimientoChequeCartera : function(){
		
		try {
			CajaSession.genericValidation();
			var cheques = [];
			$("input[name='chequesCartera[]']:checked").each(function(){cheques.push($(this).val());});
			var value = {
							'idCliente' : $('#idProveedor').val(),
							'fecha' : $('#inputProveedorChequeCarteraFecha').val(),
							'cheques[]' : cheques,
							'articulo': $("input[name='importacion']:checked").val(),
							'fechaFija': $('#inputClienteFecha').val()							
			}
			
			jQuery.ajax({
				url: '../ws/grabarMovimientoClienteChequeCartera.json.php',
				dataType: 'json',
				type: 'POST',
				data: value,
				success: function(resultado,statuss){
					if(!resultado.result.status){
						alert('Ha ocurrido un error al grabar el registro: \n\n' + resultado.result.description);
					} else {
						alert('Movimiento grabado correctamente.');
						CajaView.inicializarSinVolver();
					}
				},
				error: function(a,e){
						alert('grabarMovimientoChequeCartera ' + e.message + a);
					}
			});
			
		} catch (e){
			this.handleError('grabarMovimientoChequeCartera', e);
		}		
	},
	
	grabarMovimientoProveedorTransferencia : function(){
		try {
			CajaSession.genericValidation();
			var value = {
							'idCliente' : $('#idProveedor').val(),
							'banco' : $('#inputProveedorTransferenciaBanco').val(),
							'importe' : $('#inputProveedorTransferenciaImporte').val(),
							'moneda' : $('#inputProveedorTransferenciaTipoDeMoneda').val(),
							'tipoCambio' : $('#inputProveedorTransferenciaTipoCambio').val(),
							'gasto' : $('#inputProveedorTransferenciaGasto').val(),
							'costo' : $('#inputProveedorTransferenciaValor').val(),
							'fecha' : $('#inputProveedorTransferenciaFecha').val(),							
							'observaciones' : $('#inputProveedorTransferenciaObservaciones').val(),
							'articulo': $("input[name='importacion']:checked").val(),
							'fechaFija': $('#inputClienteFecha').val()							
			}
			
			//combo de tipos de moneda
			jQuery.ajax({
				url: '../ws/grabarMovimientoProveedorTransferencia.json.php',
				dataType: 'json',
				type: 'POST',
				data: value,
				success: function(resultado,statuss){
					if(!resultado.result.status){
						alert('Ha ocurrido un error al grabar el registro: \n\n' + resultado.result.description);
					} else {
						alert('Movimiento grabado correctamente.');
						CajaView.inicializarSinVolver();
					}
				},
				error: function(a,e){
						alert('grabarMovimientoProveedorTransferencia ' + e.message + a);
					}
			});
			
		} catch (e){
			this.handleError('grabarMovimientoProveedorTransferencia', e);
		}
	},		
	
	ultimosMovimientos : function(idCliente){
		try {
			
			var value = {
						'idCliente' : idCliente,
						'dummy': 123123123
			}
			
			jQuery.ajax({
				url: '../ws/movimientos.json.php',
				dataType: 'json',
				type: 'POST',
				cache: false,
				data: value,
				success: function(resultado,statuss){
					if(resultado.result.status){
						CajaView.listadoDeMovimientos(resultado, statuss)
					} else {
						alert('Ha ocurrido un error al recuperar los ultimos movimientos de caja: \n\n' + resultado.result.description);
					}
				},
				error: function(a,e){
						alert(e.message + ' ' + a);
					}
			});
		} catch(e){
			this.handleError('ultimosMovimientos', e);
		}
	},
	
	getImportaciones : function(idCliente){
		try {
			
			var value = {
						'idCliente' : idCliente
			}
			
			jQuery.ajax({
				url: '../ws/getImportaciones.json.php',
				dataType: 'json',
				type: 'POST',
				cache: false,
				data: value,
				success: function(resultado,statuss){
					if(resultado.result.status){
						CajaView.listadoDeImportaciones(resultado, statuss)
					} else {
						alert('Ha ocurrido un error al recuperar los ultimos movimientos de caja: \n\n' + resultado.result.description);
					}
				},
				error: function(a,e){
						alert(e.message + ' ' + a);
					}
			});
		} catch(e){
			this.handleError('ultimosMovimientos', e);
		}
	},	
	
	genericValidation : function(){
		try {

			if (undefined === $("input[name='importacion']:checked").val()) {
				throw "No se ha seleccionado importacion";
			}
			
			if("" == $('#inputClienteFecha').val()){
				throw "Se debe especificar la fecha del movimiento.";
			}
		} catch (e){
			throw e;
		}
	},
	
	handleError : function(method, error){
		var msg = undefined === error.message ? error : error.message;
		
		alert('Ha ocurrido un error ejecutando: ' + method + '\n\nDescripcion: ' + msg);
	}
};

</script>
</head>
<body class="oneColElsCtrHdr">
<div id="container">
  <div id="header">
    <h1>CEAMCO . CAJA</h1>
  </div>
  <div id="mainContent">
    <div id="primero">
      <table width="100%" border="0">
        <tr>
          <td width="46%"><div id="clienteOProveedor">
              <fieldset class="anchoChico" >
                <legend>Seleccione para comenzar</legend>
                <div align="center" style="padding: 15px 15px;" class="fg-buttonset">
                  <button class="fg-button ui-state-default" id="botonClientes"> Clientes </button>
                  <button class="fg-button ui-state-default" id="botonProveedores"> Proveedores </button>
                </div>
              </fieldset>
            </div></td>
          <td width="54%"><table width="100%" border="0" cellpadding="2" cellspacing="2" class="ui-state-error">
            <tr>
              <td width="50%" align="right" nowrap="nowrap"><span class="totales">Total Efectivo</span></td>
              <td width="50%" nowrap="nowrap">
                <div id="totalCajaEfectivo" class="totales"><span class="totales">500</span></div>
                </td>
            </tr>
            <tr>
              <td align="right" nowrap="nowrap"><span class="totales">Total Dolares</span></td>
              <td nowrap="nowrap">
              <div id="totalCajaDolares" class="totales"><span class="totales">500</span></div>
              </td>
            </tr>
            <tr>
              <td align="right" nowrap="nowrap"><span class="totales">Total Cheques</span></td>
              <td nowrap="nowrap">
              <div id="totalCajaCheques" class="totales"><span class="totales">500</span></div>
              </td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td><div id="listaClientes" >
          <div class="ui-widget-header" align="center">
          .: Clientes :.
          </div>
          <div id="listaClientesContent"  class="scrollable">

              </div>
            </div>
            <div id="listaProveedores">
            
          <div class="ui-widget-header" align="center">
          .: Proveedores :.
          </div>            
          <div id="listaProveedoresContent"  class="scrollable">
            
              </div>
            </div></td>
          <td>
              
          
          </td>
        </tr>
      </table>
    </div>
    <div id="segundoCliente">
    <div id="cabeceraCliente" align="center" class="ui-widget-header">
    <h2>Ingreso de cobranza Cliente - <span id="nombreCliente"></span></h2>
    </div>
    <div id="formCliente" align="center" >
    <ul>
    <li><a href="#formClienteTabEfectivo">En efectivo</a></li>
    <li><a href="#formClienteTabCheque">Cargar cheque</a></li>
    </ul>
    <div id="formClienteTabEfectivo">
        <fieldset id="formClienteEfectivo"><input type="hidden" id="idCliente" name="idCliente"/>
		<table width="600px" cellpadding="5" cellspacing="5">
        <tr>
        <td>
        <label for="inputClienteDolares"> Dolares
        <input type="text" name="inputClienteDolares" id="inputClienteDolares" />
        </label>        
        </td>
        <td>
        <label for="inputClienteTipoDeCambio"> Tipo de cambio
        <input type="text" name="inputClienteTipoDeCambio" id="inputClienteTipoDeCambio" />
        </label>        
        </td>
        </tr>
        <tr>
        <td>
        <label for="inputClienteEfectivo"> Efectivo
        <input type="text" name="inputClienteEfectivo" id="inputClienteEfectivo" />
        </label> 
        </td>
        <td>                </td>
        </tr>
        <tr><td colspan="2">&nbsp;</td></tr>
        <tr><td colspan="2">
		<div align="center">
        <button onclick="CajaView.inicializar();" class="ui-priority-secondary">Volver</button>
        <button onclick="CajaSession.grabarMovimientoClienteEfectivo();" class="ui-priority-primary">Grabar movimiento</button>
        </div>        
        </td></tr>
        </table>
        </fieldset>
    </div>
    <div id="formClienteTabCheque">
        <fieldset id="formClienteCheque">
		<table width="600px" cellpadding="5" cellspacing="5">
        <tr>
          <td width="233" align="left">
            <label for="inputClienteChequeFechaRecibido"> Recibido
              <input name="inputClienteChequeFechaRecibido" type="text" id="inputClienteChequeFechaRecibido" readonly="readonly" />
              </label>        
          </td>
          <td width="330" align="left">
        <!--  <label for="inputClienteChequeDe"> Recibido de
            <select name="inputClienteChequeDe" id="inputClienteChequeDe" >
            </select>
            </label>-->
            </td>
          </tr>
        <tr>
          <td colspan="2" align="left"><label for="inputClienteNumeroDeCheque">Nro de cheque
            <input type="text" name="inputClienteNumeroDeCheque" id="inputClienteNumeroDeCheque" size="20" />
          </label>
          <label for="inputClienteChequeImporte">
          Importe
            <input type="text" name="inputClienteChequeImporte" id="inputClienteChequeImporte" size="10" />
          </label></td>
          </tr>
        <tr>
          <td colspan="2" align="left">
            <label for="inputClienteFechaADepositar">
              Fecha a depositar
              <input name="inputClienteFechaADepositar" type="text" id="inputClienteFechaADepositar" size="12" readonly="readonly" />
              </label>
              
          <label for="inputClienteBanco"> Banco
            <select name="inputClienteBanco" id="inputClienteBanco" >
            </select>
            </label>              
            </td>
        </tr>
        <!--
        <tr>
        <td colspan="2" align="left">
          <label for="inputClienteMoneda"> Moneda
            <select name="inputClienteMoneda" id="inputClienteMoneda" >
            </select>
            </label>
        <label for="inputClienteChequeTipoDeCambio">
        Tipo de cambio
        <input type="text" name="inputClienteChequeTipoDeCambio" id="inputClienteChequeTipoDeCambio" size="10" />
        </label>                   
        </td>
        </tr>
        -->        
        <tr><td colspan="2" align="center">
        <textarea id="inputClienteObservaciones" name="inputClienteObservaciones" cols="40"></textarea>
        </td></tr>
        <tr><td colspan="2" align="center">
       
        </td></tr>        
        <tr><td>&nbsp;</td></tr>
        <tr><td colspan="2">
		<div align="center">
        <button onclick="CajaView.inicializar();" class="ui-priority-secondary">Volver</button>


        <button onclick="CajaSession.grabarMovimientoClienteCheque();" class="ui-priority-primary">Grabar movimiento</button>
        </div>        
        </td></tr>
        </table>
        </fieldset>
    </div>    

    </div>
    
    </div>
    <div id="segundoProveedor">
        <div id="cabeceraProveedor" align="center" class="ui-widget-header">
        <h2>Egreso de pago Proveedor - <span id="nombreProveedor"></span></h2>
        </div>
        
        <div id="formProveedor" align="center" >
        <ul>
        <li><a href="#formProveedorTabEfectivo">En efectivo</a></li>
        <li><a href="#formProveedorTabCartera">Cartera de cheques</a></li>
        <li><a href="#formProveedorTabChequePropio">Cheque propio</a></li>    
        <li><a href="#formProveedorTabTransferencia">Transferencia</a></li>        
        </ul>
        <div id="formProveedorTabEfectivo">
        <input type="hidden" id="idProveedor" name="idProveedor"/>
            <fieldset id="formProveedorEfectivo" >
            <table width="600px" cellpadding="5" cellspacing="5">
            <tr>
            <td>
            <label for="inputProveedorDolares"> Dolares
            <input type="text" name="inputProveedorDolares" id="inputProveedorDolares" />
            </label>        
            </td>
            <td>
            <label for="inputProveedorTipoDeCambio"> Tipo de cambio
            <input type="text" name="inputProveedorTipoDeCambio" id="inputProveedorTipoDeCambio" />
            </label>        
            </td>
            </tr>
            <tr>
              <td valign="top">
                <label for="inputProveedorEfectivo"> Efectivo
                  <input type="text" name="inputProveedorEfectivo" id="inputProveedorEfectivo" />
                  </label> 
                </td>
              <td valign="top">&nbsp;</td>
            </tr>
            <tr><td colspan="2">&nbsp;</td></tr>
            <tr><td colspan="2">
            <div align="center">
            <button onclick="CajaView.inicializar();" class="ui-priority-secondary">Volver</button>
            <button onclick="CajaSession.grabarMovimientoProveedorEfectivo();" class="ui-priority-primary">Grabar movimiento</button>
            </div>        
            </td></tr>
            </table>
            </fieldset>
        </div>
        <div id="formProveedorTabCartera">
            <fieldset id="formProveedorCartera">
            <table width="600px" cellpadding="5" cellspacing="5">
            <tr>
              <td align="center">
              
              <!-- cartera de cheques -->
            <div id="listaChequesEnCartera" >
            <div class="ui-widget-header" align="center">
            .: Cheques disponibles :.
            </div>
            <div id="listaChequesEnCarteraContent"  class="scrollable">
            
            </div>
            </div>              
              <!-- cartera de cheques -->              
              
              </td>
            </tr>
            <tr>
            <td align="center">
            
            <label for="inputProveedorChequeCarteraFecha">
                  Fecha 
                    <input name="inputProveedorChequeCarteraFecha" type="text" id="inputProveedorChequeCarteraFecha" size="12" readonly="readonly" />
                  </label>
            
            </td>
            </tr>
            <tr><td>&nbsp;</td></tr>
            <tr><td>
            <div align="center">
            <button onclick="CajaView.inicializar();" class="ui-priority-secondary">Volver</button>
            <button onclick="CajaSession.grabarMovimientoChequeCartera();" class="ui-priority-primary">Grabar movimiento</button>
            </div>        
            </td></tr>
            </table>
            </fieldset>
        </div>    
        <div id="formProveedorTabChequePropio">
         <fieldset id="formProveedorChequePropio">
            <table width="600px" cellpadding="5" cellspacing="5">
            <tr>
              <td width="233" align="left">
                <label for="inputProveedorChequePropioEmision"> Emision
                  <input name="inputProveedorChequePropioEmision" type="text" id="inputProveedorChequePropioEmision" readonly="readonly" />
                  </label>        
              </td>
              <td width="330" align="left"><label for="inputProveedorChequeImporte">
                Importe
                <input type="text" name="inputProveedorChequeImporte" id="inputProveedorChequeImporte" size="10" />
              </label></td>
              </tr>
            <tr>
              <td colspan="2" align="left"></td>
              </tr>
            <tr>
              <td colspan="2" align="left">
                <label for="inputProveedorChequeFechaDeposito">
                  Fecha a depositar
                  <input name="inputProveedorChequeFechaDeposito" type="text" id="inputProveedorChequeFechaDeposito" size="12" readonly="readonly" />
                  </label>
                
                <label for="inputProveedorChequeBanco"> Banco
                  <select name="inputProveedorChequeBanco" id="inputProveedorChequeBanco" >
                    </select>
                  </label>              
                </td>
            </tr>
            <tr><td colspan="2" align="center">
              <textarea id="inputProveedorChequeObservaciones" name="inputProveedorChequeObservaciones" cols="40"></textarea>
            </td></tr>
            <tr><td colspan="2" align="center">
           
            </td></tr>        
            <tr><td colspan="2">&nbsp;</td></tr>
            <tr><td colspan="2">
            <div align="center">
            <button onclick="CajaView.inicializar();" class="ui-priority-secondary">Volver</button>
            <button onclick="CajaSession.grabarMovimientoProveedorChequePropio();" class="ui-priority-primary">Grabar movimiento</button>
            </div>        
            </td></tr>
            </table>
            </fieldset>
        </div>        
        <div id="formProveedorTabTransferencia">
          <fieldset id="formProveedorTransferencia">
            <table width="600px" cellpadding="5" cellspacing="5">
            <tr>
              <td width="233" align="left">                
                <label for="inputProveedorTransferenciaBanco"> Banco
                  <select name="inputProveedorTransferenciaBanco" id="inputProveedorTransferenciaBanco" >
                    </select>
                  </label>   
              </td>
              <td width="330" align="left"><label for="inputProveedorTransferenciaImporte">
                Importe
                <input type="text" name="inputProveedorTransferenciaImporte" id="inputProveedorTransferenciaImporte" size="10" />
              </label></td>
              </tr>
            <tr>
              <td colspan="2" align="left"></td>
              </tr>
            <tr>
              <td colspan="2" align="left">          
              <label for="inputProveedorTransferenciaTipoDeMoneda"> Moneda
            <select name="inputProveedorTransferenciaTipoDeMoneda" id="inputProveedorTransferenciaTipoDeMoneda" >
            </select>
            </label>
             &nbsp; <label for="inputProveedorTransferenciaTipoCambio"> Tipo de cambio
                  <input name="inputProveedorTransferenciaTipoCambio" type="text" id="inputProveedorTransferenciaTipoCambio"  />
                  </label>      
            </td>
            </tr>
            <tr>
              <td colspan="2" align="left">
             <label for="inputProveedorTransferenciaGasto">
               <select name="inputProveedorTransferenciaGasto" id="inputProveedorTransferenciaGasto" >
            <option value="GASTO">Gasto de transferencias</option>
            <option value="COSTO">Costo cambio</option>
            </select>
            </label> 
<label for="inputProveedorTransferenciaValor">
                valor
                <input type="text" name="inputProveedorTransferenciaValor" id="inputProveedorTransferenciaValor" size="6" />
              </label>            
                <label for="inputProveedorTransferenciaFecha">
                  Fecha 
                    <input name="inputProveedorTransferenciaFecha" type="text" id="inputProveedorTransferenciaFecha" size="12" readonly="readonly" />
                  </label>
           
                </td>
            </tr>
            <tr><td colspan="2" align="center">
              <textarea id="inputProveedorTransferenciaObservaciones" name="inputProveedorTransferenciaObservaciones" cols="40"></textarea>
            </td></tr>
            <tr><td colspan="2" align="center">
           
            </td></tr>        
            <tr><td colspan="2">&nbsp;</td></tr>
            <tr><td colspan="2">
            <div align="center">
            <button onclick="CajaView.inicializar();" class="ui-priority-secondary">Volver</button>
            <button onclick="CajaSession.grabarMovimientoProveedorTransferencia()" class="ui-priority-primary">Grabar movimiento</button>
            </div>        
            </td></tr>
            </table>
            </fieldset>
        </div>    
      </div>
      </div>
      <BR /><BR />
      
<div id="listaImportaciones">
           <div align="center" style="margin:10px;"> <label for="inputClienteFecha">
                  Fecha 
                    <input name="inputClienteFecha" type="text" id="inputClienteFecha" size="12" readonly="readonly" />
                  </label>
            </div>
          <div class="ui-widget-header" align="center">
          .: Importaciones :.
          </div>            
          <div id="listaImportacionesContent"  class="scrollable">
            
              </div>
            </div>      
            
<div id="listaMovimientos">
            
          <div class="ui-widget-header" align="center">
          .: Ultimos movimientos de caja <span id="nombreMovimientos"></span>:.
          </div>            
          <div id="listadoMovimientosContent"  class="scrollable">
            
              </div>
            </div>      
      
      </div>
  <div id="footer">
    <p>CEAMCO - 2010</p>
  </div>
</div>
</body>
</html>

